theme: rework lock screen notification layout

Make the notifications wider and adjust the padding so they
aren't as tall. Also make the corner radius consistent with the
rest of the theme.

This makes the notifications look better, is more space
efficient, and is consistent with the latest mockups.

https://bugzilla.gnome.org/show_bug.cgi?id=702305

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 616df7199c28aa4d536a22806f91781ab61369c2..b65142628c9b214121105ecd3154a47a5e938f08 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -361,7 +361,8 @@ StScrollBar StButton#vhandle:active {
 .modal-dialog-button,
 .notification-button,
 .hotplug-notification-item,
-.app-view-controls {
+.app-view-controls,
+#screenShieldNotifications {
     border-radius: 18px;
 }
 
@@ -2477,29 +2478,27 @@ StScrollBar StButton#vhandle:active {
 }
 
 #screenShieldNotifications {
-    border-radius: 8px;
     max-height: 500px;
-    padding: 18px 0;
+    padding: 12px;
 }
 
 .screen-shield-notifications-box {
-    spacing: 18px;
-    max-width: 34em;
+    spacing: 12px;
+    width: 30em;
 }
 
 .screen-shield-notification-source {
-    padding: 13px 24px;
+    padding: 3px 6px;
     spacing: 5px;
 }
 
 .screen-shield-notification-label {
-    font-size: 1.2em;
     font-weight: bold;
-    padding: 0px 18px;
+    padding: 0px 0px 0px 12px;
 }
 
 .screen-shield-notification-count-text {
-    padding: 0px 18px;
+    padding: 0px 0px 0px 12px;
 }
 
 /* Remove background from notifications, otherwise